// pages/peTest/homework/homework.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    index: 0,
    propArray: [{
      "id": "1",
      "text": "未完成"
    }, {
      "id": "2",
      "text": "已完成"
    }],
    homework: [{
      homeworkId: '12121',
      dotime: '2019.02.27',
      teacherName: '严雪',
      explain: '运动要适量',
      testItem: [{
        testNameType: '仰卧起坐',
        demand: '练习20分钟记录成绩'
      }, {
        testNameType: '50米跑',
        demand: '练习20分钟记录成绩'
      }]
    }, {
      homeworkId: '12121',
      dotime: '2019.02.27',
      teacherName: '严雪',
      explain: '运动要适量',
      testItem: [{
        testNameType: '立定跳远',
        demand: '练习20分钟记录成绩'
      }, {
        testNameType: '1分钟跳绳',
        demand: '练习20分钟记录成绩'
      }]
    }],




    selectShow: false, //初始option不显示
    nowText: "请选择", //初始内容
    animationData: {} //右边箭头的动画
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {

  },
  bindPickerChange(e) {
    console.log('picker发送选择改变，携带值为', e.detail)
    this.setData({
      index: e.detail.value
    })
  },
  toFinishTest(){
    // 去完成
    wx.navigateTo({
      url: "/pages/peTest/homework/homework"
    })
  }





  /**
   * 自定义下拉选择框
   */
  //option的显示与否
  selectToggle: function() {
    var nowShow = this.data.selectShow; //获取当前option显示的状态
    //创建动画
    var animation = wx.createAnimation({
      timingFunction: "ease"
    })
    this.animation = animation;
    if (nowShow) {
      animation.rotate(0).step();
      this.setData({
        animationData: animation.export()
      })
    } else {
      animation.rotate(180).step();
      this.setData({
        animationData: animation.export()
      })
    }
    this.setData({
      selectShow: !nowShow
    })
  },
  //设置内容
  setText: function(e) {
    var nowData = this.properties.propArray; //当前option的数据是引入组件的页面传过来的，所以这里获取数据只有通过this.properties
    var nowIdx = e.target.dataset.index; //当前点击的索引
    var nowText = nowData[nowIdx].text; //当前点击的内容
    //再次执行动画，注意这里一定，一定，一定是this.animation来使用动画
    this.animation.rotate(0).step();
    this.setData({
      selectShow: false,
      nowText: nowText,
      animationData: this.animation.export()
    })
  }
})